<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>遵化产地检测</title>
  <link rel="stylesheet" type="text/css" href="../../libs/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="../../css/common.css">
  <link rel="stylesheet" type="text/css" href="../../css/layout.css">
  <link rel="stylesheet" type="text/css" href="../../css/originTraceability/industrialStructure.css">
</head>
<body>
<!--头部-->
<img src="../../img/icon1.png" class="hideImg">
<img src="../../img/icon2.png" class="hideImg">
<div class="header-box">
  <div class="header">
    <div class="header-title"></div>
    <div class="header-menu">
      <ul class="cf">
        <li><a href="../tracingPicture/industryLayout.html">溯源一张图</a></li>
        <li class="active"><a href="../originTraceability/industrialStructure.html">产地追溯</a></li>
        <li><a href="../circulationTraceability/circulationTraceability.html">流通追溯</a></li>
        <li><a href="../qualitySafety/inspectionBatchInspection.html">质量安全</a></li>
        <li class="active"><a href="../salesAnalysis/salesAnalysis.html">农产品销售分析</a></li>
        <li><a href="../publicSentiment/publicSentimentAnalysis.html">农产品舆情</a></li>
      </ul>
    </div>
  </div>
  <!--菜单-->
  <div class="nav">
    <ul class="cf">
      <li><a href="../originTraceability/industrialStructure.html">遵化产业结构</a></li>
      <li class="active"><a href="../originTraceability/monitoringofProducingArea.html">遵化产地检测</a></li>
    </ul>
  </div>
</div>
<!--主题内容-->
<div class="main-body">
  <div class="drop-down drop-down1 cf">
    <h2>区域产地认证面积和品种监测</h2>
  </div>
  <div class="container container1">
    <div class="echart-box cf">
      <div class="myChart-box1 fl">
        <h3>无公害产地认证面积<strong>56000</strong>亩</h3>
        <div id="myChart8" class="myChart8"></div>
        <div class="detail">
          <span class="text-title">认证总数：</span><strong>576</strong><span class="detail-end">个品种</span><strong>576</strong><span class="detail-end">家企业</span>
        </div>
        <div class="detail">
          <span class="text-title">加入溯源体系：</span><strong>576</strong><span class="detail-end">个品种</span><strong>576</strong><span class="detail-end">家企业</span>
        </div>
      </div>
      <div class="myChart-box fl">
        <h3>农产品品种无公害认证面积</h3>
        <table>
          <tbody>
            <tr>
              <td class="first-type active">全部品种</td>
              <td class="first-type">蔬菜类</td>
              <td class="first-type">食用菌类</td>
              <td class="first-type">干鲜果类</td>
              <td class="top-type">认证面积top10</td>
            </tr>
            <tr>
              <td class="top-type">认证面积top20</td>
              <td class="top-type">认证并溯源占比top10</td>
              <td class="top-type">认证并溯源占比top20</td>
              <td class="top-type">认证并溯源面积top10</td>
              <td class="top-type">认证并溯源面积top20</td>
            </tr>
          </tbody>
        </table>
        <div id="myChart9" class="myChart9">
      </div>
    </div>
    <div class="echart-box cf">
      <div class="myChart-box1 fl">
        <h3>绿色基地认证面积<strong>56000</strong>亩</h3>
        <div id="myChart10" class="myChart10"></div>
        <div class="detail">
          <span class="text-title">认证总数：</span><strong>576</strong><span class="detail-end">个品种</span><strong>576</strong><span class="detail-end">家企业</span>
        </div>
        <div class="detail">
          <span class="text-title">加入溯源体系：</span><strong>576</strong><span class="detail-end">个品种</span><strong>576</strong><span class="detail-end">家企业</span>
        </div>
      </div>
      <div class="myChart-box fl">
        <h3>农产品品种无公害认证面积</h3>
        <table>
          <tbody>
          <tr>
            <td class="first-type active">全部品种</td>
            <td class="first-type">蔬菜类</td>
            <td class="first-type">食用菌类</td>
            <td class="first-type">干鲜果类</td>
            <td class="top-type">认证面积top10</td>
          </tr>
          <tr>
            <td class="top-type">认证面积top20</td>
            <td class="top-type">认证并溯源占比top10</td>
            <td class="top-type">认证并溯源占比top20</td>
            <td class="top-type">认证并溯源面积top10</td>
            <td class="top-type">认证并溯源面积top20</td>
          </tr>
          </tbody>
        </table>
        <div id="myChart11" class="myChart11">
        </div>
      </div>
    </div>
    <div class="echart-box cf">
      <div class="myChart-box1 fl">
        <h3>有机认证面积<strong>56000</strong>亩</h3>
        <div id="myChart12" class="myChart12"></div>
        <div class="detail">
          <span class="text-title">认证总数：</span><strong>576</strong><span class="detail-end">个品种</span><strong>576</strong><span class="detail-end">家企业</span>
        </div>
        <div class="detail">
          <span class="text-title">加入溯源体系：</span><strong>576</strong><span class="detail-end">个品种</span><strong>576</strong><span class="detail-end">家企业</span>
        </div>
      </div>
      <div class="myChart-box fl">
        <h3>农产品品种有机认证面积</h3>
        <table>
          <tbody>
          <tr>
            <td class="first-type active">全部品种</td>
            <td class="first-type">蔬菜类</td>
            <td class="first-type">食用菌类</td>
            <td class="first-type">干鲜果类</td>
            <td class="top-type">认证面积top10</td>
          </tr>
          <tr>
            <td class="top-type">认证面积top20</td>
            <td class="top-type">认证并溯源占比top10</td>
            <td class="top-type">认证并溯源占比top20</td>
            <td class="top-type">认证并溯源面积top10</td>
            <td class="top-type">认证并溯源面积top20</td>
          </tr>
          </tbody>
        </table>
        <div id="myChart13" class="myChart13">
        </div>
      </div>
    </div>
  </div>
  <div class="drop-down cf">
    <h2>区域农产品地理标识</h2>
  </div>
  <div class="container container2">
    <div class="echart-box cf">
      <ul class="ident cf">
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
        <li>遵化香菇<span></span></li>
      </ul>
    </div>
  </div>
  <div class="drop-down cf">
    <h2>区域产地认证面积及增长率历史变化趋势</h2>
    <form action="" class="layui-form fr">
      <select name="" id="" lay-filter="time1">
        <option value="">近1年</option>
        <option value="近1年">近1年</option>
        <option value="近10年">近10年</option>
        <option value="近15年">近15年</option>
      </select>
    </form>
  </div>
  <div class="container container3">
    <ul class="area-tab cf">
      <li class="active">全部</li>
      <li>无公害认证</li>
      <li>绿色基地认证</li>
      <li>有机认证</li>
    </ul>
    <div class="echart-box cf">
      <div id="myChart1" class="myChart1 fl"></div>
    </div>
  </div>
  <div class="drop-down cf">
    <h2>区域产地认证品种数量及增长率历史变化趋势</h2>
    <form action="" class="layui-form fr">
      <select name="" id="" lay-filter="time2">
        <option value="">近1年</option>
        <option value="近1年">近1年</option>
        <option value="近10年">近10年</option>
        <option value="近15年">近15年</option>
      </select>
    </form>
  </div>
  <div class="container container4">
    <ul class="area-tab cf">
      <li class="active">全部</li>
      <li>无公害认证</li>
      <li>绿色基地认证</li>
      <li>有机认证</li>
    </ul>
    <div class="echart-box cf">
      <div id="myChart2" class="myChart2 fl"></div>
    </div>
  </div>
  <div class="drop-down cf">
    <h2>区域产地认证企业数量及增长率历史变化趋势</h2>
    <form action="" class="layui-form fr">
      <select name="" id="" lay-filter="time3">
        <option value="">近1年</option>
        <option value="近1年">近1年</option>
        <option value="近10年">近10年</option>
        <option value="近15年">近15年</option>
      </select>
    </form>
  </div>
  <div class="container container5 container-bottom">
    <ul class="area-tab cf">
      <li class="active">全部</li>
      <li>无公害认证</li>
      <li>绿色基地认证</li>
      <li>有机认证</li>
    </ul>
    <div class="echart-box cf">
      <div id="myChart3" class="myChart3 fl"></div>
    </div>
  </div>
  <div class="footer">
    <div class="copy-right">
      <p>Copyright Jusfoun.com © 2016-2017&nbsp;&nbsp;&nbsp;&nbsp;河北溯源大数据信息技术有限公司</p>
      <p>技术支持&nbsp;&nbsp;&nbsp;&nbsp;九次方大数据信息集团有限公司</p>
    </div>
  </div>
</div>
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
<script src="../../libs/echart/echarts.min.js"></script>
<script src="../../libs/echart/stackBar.js"></script>
<script src="../../libs/echart/pie.js"></script>
<script src="../../libs/echart/lineBar.js"></script>
<script src="../../libs/layui/layui.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/originTraceability/monitoringofProducingArea.js"></script>
</body>
</html>